<template>
  <div class="course-item">
    <div>{{item.name}}</div>
    <div>{{item.price=== 0?'免费':item.price}}</div>
  </div>
</template>

<script>
    export default {
        name: "CourseItem",
        props:{
            item:Object,
            index:Number
        }
    }
</script>

<style scoped>
  .course-item{
    width: 150px;
    height: 80px;
    margin: 10px;
    display: inline-block;
    background-color:#eee;
  }
</style>
